.news_page {
	.head_pic {
		margin-top: -20px;
		height: 496px;
		background-image: url(../static/news/1.jpg);
		margin-bottom: 95px;
		background-position: center;
	}
	.news_list {
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		.dt_item {
			position: relative;
			display: inline-block;
			width: 460px;
			height: 474px;
			margin-bottom: 75px;
			.pic {
				width: 460px;
				height: 345px;
				border-radius: 5px;
				overflow: hidden;
				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
			.date {
				margin-top: 10px;
				font-size: 11px;
				font-family: Source Han Sans CN;
				color: #333333;
			}
			.dt_title {
				margin-top: 5px;
				margin-bottom: 5px;
				font-size: 18px;
				font-family: Source Han Sans CN;
				color: #333333;
			}
			.dt_sub_title {
				font-size: 15px;
				font-family: Source Han Sans CN;
				color: #333333;
				line-height: 32px;
				max-width: 290px;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
			}
			.go_btn {
				position: absolute;
				right: 0;
				bottom: 0;
				width: 41px;
				height: 41px;
				padding-bottom: 10px;
				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
		}
	}
	.btn_group {
		margin-top: 20px;
		margin-bottom: 250px;
		.wrap {
			justify-content: center;
			.prev_btn {
				margin: 0 8px;
				font-size: 0;
				img {
					width: 41px;
					height: 41px;
				}
			}
			.num_btn {
				margin: 0 8px;
				width: 41px;
				height: 41px;
				border: 1px solid #afafaf;
				box-sizing: border-box;
				justify-content: center;
				.txt {
					font-size: 18px;
					font-family: NotoSerifCJKsc;
					color: #afafaf;
				}
			}
			.next_btn {
				font-size: 0;
				margin: 0 8px;
				img {
					width: 41px;
					height: 41px;
				}
			}
		}
	}
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
	.news_page {
		.news_list {
			.dt_item {
				margin-bottom: 40px;
				width: 48%;
				height: auto;
				.pic {
					width: 100%;
				}
			}
		}
	}
}
@media screen and (max-width: 959px) {
	.news_page {
		.news_list {
			.dt_item {
				margin-bottom: 40px;
				width: 100%;
				height: auto;
				.pic {
					width: 100%;
				}
				.dt_title {
					margin-top: 5px;
					margin-bottom: 5px;
					font-size: 18px;
					font-family: Source Han Sans CN;
					color: #333333;
				}
				.dt_sub_title {
					max-width: calc(100% - 50px);
				}
			}
		}
		.btn_group {
			margin-bottom: 50px;
		}
	}
}
